<template>
	<view class="wrap">
		
        <u-navbar :is-back="false" title="登录">
        </u-navbar>
		
		<div style="text-align: center;margin-top: 80rpx;margin-bottom: 80rpx;">
			<h1>Hi</h1>
		</div>
		
		<u-row gutter="16">
			<u-col span="2">
				<view class="demo-layout bg-purple">
					<u-avatar size="80"></u-avatar>
				</view>
			</u-col>
			<u-col span="3">
				<view class="demo-layout bg-purple">
				</view>
			</u-col>
			<u-col span="5">
				<view class="demo-layout bg-purple">
					<h4>{{tip}}</h4>
				</view>
			</u-col>
			<u-col span="2">
				<view class="demo-layout bg-purple">
					<u-loading :show="show" mode="circle" color="blue" size="72"></u-loading>
				</view>
			</u-col>
		</u-row>

		<u-row gutter="16">
			<u-col span="12">
				<u-input placeholder="请输入手机号" v-model="phone" type="text" :border="true" />
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="12">
				<u-input placeholder="请输入密码" v-model="password" type="password" :border="true" />
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="6">
				<view class="demo-layout bg-purple-light">
					<u-button type="primary" :ripple="true" @click="login()">
						登录
					</u-button>
				</view>
			</u-col>
			<u-col span="6">
				<view class="demo-layout bg-purple-light">
					<u-button type="primary" :ripple="true" @click="enroll()">
						注册
					</u-button>
				</view>
			</u-col>
		</u-row>

	</view>
</template>

<script src="./login.js">
	
</script>

<style src="./login.css">
	
</style>
